@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun > img{width: 100%;height: 100vh;transition:all 3s linear;}
.banner .swiper-slide-active .banner-lun > img{transform: scale(1.1);}
.banner-lun .content {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;opacity: 0;}
.banner-lun .content.active {opacity: 1;}
.banner-lun .content .title {opacity: 0;}
.banner-lun .content .name {color: rgba(255, 255, 255, .5);opacity: 0;}
.banner-lun .content .line {width: 650px;height: 2px;background-color: rgba(255, 255, 255, .2);position: relative;opacity: 0;}
.banner-lun .content .line::before{content: "";position: absolute;left: 0px;width: 120px;height: 100%;background-color: #fff;}
.banner .swiper-slide-active .banner-lun .content .title {animation: bannerLun .8s ease both 1s;}
.banner .swiper-slide-active .banner-lun .content .name {animation: bannerLun .8s ease both 1.1s;}
.banner .swiper-slide-active .banner-lun .content .line {animation: bannerLun .8s ease both 1.2s;}
@keyframes bannerLun {0%{opacity: 0;transform: translateY(100px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0px);filter: blur(0px);}}
.banner-left {position: absolute;z-index: 2;right: 0px;bottom: 0px;height: 95px;width: 100%;border-left: 1px solid rgba(255, 255, 255, .2);display: flex;align-items: center;}
.banner-left .swiper-pagination{text-align:center;left:50%;transform:translateX(-50%);}
.banner-menuBtn {width: 100%;height: 95px;background-color: rgba(0,0,0,0.1);display: flex;justify-content: center;align-items: center;position: relative;}
.banner-page {height1: 95px;position: absolute;bottom1: 90px;width1:100%;transform: translate(50%,50%);
    left: 50%;}
.banner-page .swiper-pagination {position: relative;display: flex;flex-direction: row;align-items: center;}
.banner-page .swiper-pagination-bullet {width: 6px;height: 6px;background: #fff;opacity: .5;position: relative;margin:  0px 17px;}
.banner-page .swiper-pagination-bullet::before{content: "";width: 20px;height: 20px;position: absolute;border: 1px solid #fff;border-radius: 100px;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all .4s ease;}
.banner-page .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1;}

.indfw {background-color: #f8f9fa;}
.indfw-cont {justify-content: space-between;align-items: flex-end;}
.indfw-btn a{width: 130px;height: 50px;border-radius: 25px;display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0px 0px 49px 0px rgba(12, 40, 72, 0.1);transition: all .4s ease;}
.indfw-btn a:nth-child(1){margin-right: 10px;}
.indfw-btn a.active {background-color: #23b3f6;color: #fff;} 
.indfw-btn a:hover {color: #23b3f6;}
.indfw-btn a.active:hover {background-color: #00aaf8;color: #fff;}
.indfw-lun {height: 470px;position: relative;display: block;}
.indfw-lun .img{height: 300px;overflow: hidden;}
.indfw-lun .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indfw-lun:hover .img img{transform: scale(1.04);}
.indfw-lun .cont{position: absolute;bottom: 0px;left: 0%;padding: 0px 40px;width: 100%;}
.indfw-lun .cont .show{background-color: #fff;padding: 40px;box-shadow: 0px 0px 30px 0px rgba(12, 40, 72, 0.1);position: relative;z-index: 2;transition: all .6s ease;}
.indfw-lun .cont .show img.bg{position: absolute;bottom: 0px;right: 0px;pointer-events: none;}
.indfw-lun .cont .show > div{position: relative;z-index: 2;}
/* .indfw-lun .cont .show::before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #f6f6f6;pointer-events: none;} */
.indfw-lun .cont .show .btn {display: flex;align-items: center;width: fit-content;}
.indfw-lun .cont .show .btn i{display: flex;transform: rotate(180deg);margin-right: 18px;transition: all .4s ease;}
.indfw-lun .cont .show .btn:hover i{margin-right: 30px;}
.indfw-lun .cont .shade{transition: all .6s ease;position: absolute;left: 0;right:0;margin: 0 auto;top: 0;width: calc(100% - 80px);height: 100%;background: #ceeffe;}
.indfw-lun:hover .cont .show{transform: translate(-10px,-10px);}
.indfw-lun:hover .cont .shade{transform: translate(10px,10px);}
.indfw-svp .muen{margin: -20px;display: none;}
.indfw-svp .muen:first-child{display: block;}
.indfw-svp .swiper-container{padding: 20px;}
.indfw-lun .cont .show .title{transition: all .4s ease;}
.indfw-lun:hover .cont .show .title{color: #23b3f6;}
.indfw-page{display: flex;justify-content: center;margin-top: 10px;}
.indfw-page .swiper-pagination{position: relative;}
.indfw-page .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;}

.indxm-lun::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:rgba(0,0,0,0.2)}
.indxm-lun > img{width: 100%;height: 890px;transition:all 3s 1s linear;}
.swiper-slide-active .indxm-lun > img{transform: scale(1.1);transition-delay: 0s;}
.indxm-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;z-index:2;}
.indxm-lun .content .IndTitle .title{max-width:360px;transition: all .4s ease;}
.indxm-lun .content .IndTitle .name,.indxm-lun .content .IndTitle .title{transition: all .4s ease;}
.indxm-lun .content .IndTitle .name:hover,.indxm-lun .content .IndTitle .title:hover{color: #23b3f6;}
.indxm-lun .content .Icon {height: 33px;}
.indxm-lun .content .Icon img {max-height: 100%;}
.indxm-lun .content .btn{border: 1px solid #fff;border-radius: 3px;width: 160px;height: 40px;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indxm-lun .content .btn:hover{background-color: #012fa7;color: #fff;border: 1px solid#012fa7;}
.indxm-page {display: none;}
.indxm-page .swiper-pagination-bullet {width: 6px;height: 6px;background: #fff;opacity: .5;position: relative;margin: 0px 10px;}
.indxm-page .swiper-pagination-bullet::before{content: "";width: 20px;height: 20px;position: absolute;border: 1px solid #fff;border-radius: 100px;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all .4s ease;}
.indxm-page .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.indxm-page .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1;}
.he_svgdonx {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 1920px;height: 100%;z-index: 100;pointer-events: none;display: flex;justify-content: center;align-items: center;}
.he_svgdonx .circle {transition: all 0.56s ease-in;}
.he_svgdonx .cursor {transition: all 0.36s 0.6s;}
.he_svgdonx .cursor-circle {transition: transform 0.36s ease-in-out;transform: scale(0);opacity: 0;}
.he_svgdonx.on1 .cursor-circle {transform: scale(1);opacity: 1;}
.he_svgdonx.act .cursor-circle {transform: scale(0);transition: all 0.16s;}
.he_svgdonx .dotted-circle2 {transition: all 0s;}
.he_svgdonx.act .dotted-circle2 {r: 1260px;transition: all 2.4s cubic-bezier(.77, 0, .175, 1);}
.he_bandits {position: absolute;top: 50%;transform: translateY(-50%);right: 6.5%;z-index: 10;}
.he_bandili {cursor: pointer;margin: 30px 0;display: flex;align-items: center;text-align: right;width: 100%;}
.he_bandili svg {display: inline-block;vertical-align: middle;width: 30px;height: 30px;}
.he_bandili p {width: calc(100% - 30px);font-size: 16px;line-height: 1.5;color: rgba(255, 255, 255, 0.4);transition: all 0.36s;padding-right: 15px;}
.he_bandili.act p {color: #fff;}
.he_bandili svg .circle {fill: #fff;transition: all 0.56s;}
.he_bandili.act svg .circle {opacity: 0;}
.he_bandili svg .wrapper {transition: all 0.56s;transform: scale(0);transform-origin: 50% 50%;}
.he_bandili.act svg .wrapper {transform: scale(1);}
.he_bandili .background {transform-origin: 15px 15px;stroke: #fff;-webkit-transition: stroke .2s linear;transition: stroke .2s linear;}
.he_bandili .foreground {transform-origin: 15px 15px;stroke-dasharray: 87.9646px, 87.9646px;transform: rotate(-90deg);stroke: #fff;}
.he_bandili circle {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.he_bandili.act .foreground {animation: stroke 6.1s linear 0.2s;}
@keyframes stroke {0% {stroke-dasharray: 0, 87.9646px;}100% {stroke-dasharray: 87.9646px, 87.9646px;}}

.inddq .contain {position: relative;z-index: 2;}
.inddq-bg {position: absolute;bottom: 100px;left: 0px;width: 100%;}
.inddq-bg {height: 364px;background: url(../images/index/inddq-bg.png)center;animation: citymove 30s linear infinite;}
@keyframes citymove{0%{background-position:1892px 0px;}100%{background-position:0px 0px;}}
.inddq-map {
    display: flex;justify-content: center;
    /*margin-top: -80px;*/
}
.inddq-list {position: absolute;top: 60px;right: 0px;width: 455px;}
.inddq-list .list {justify-content: space-between;border-bottom: 2px solid #f4f4f4;padding-bottom: 42px;margin-bottom: 34px;}
.inddq-list .list .num{line-height: 45px;}
.inddq-list .list:last-child {margin-bottom: 0px;border-bottom: 0px;}

.indqy-list .list{width: 310px;margin-right: 140px;}
.indqy-list .list .num{display: flex;align-items: flex-end;}
.indqy-list .list .num span{line-height: .8;}
.indqy-list .list .num sub{margin-right: 8px;}
.indqy-list .list .title{margin-top: 20px;}
.indqy-list .list .line {width: 24px;height: 1px;background-color: rgba(255, 255, 255, .5);}
.indqy-btn {display: flex;justify-content: center;}
.indqy-line {position: absolute;bottom: 0px;left: 0px;width: 100%;pointer-events: none;}
.indqy-line .list img{width: 100%;}
.indqy-line .list:nth-child(1){position: absolute;width: 100%;bottom: 0px;left: 0px;}
.indqy-line .list:nth-child(2){position: absolute;width: 100%;bottom: -565px;left: 0px;transition: all .1s ease;}

.indxw-btn a{width: 130px;height: 50px;border-radius: 25px;margin-left: 10px;display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0px 0px 49px 0px rgba(12, 40, 72, 0.1);transition: all .4s ease;}
.indxw-btn a:nth-child(1){margin-left: 0px;}
.indxw-btn a.active {background-color: #23b3f6;color: #fff;} 
.indxw-btn a:hover {color: #23b3f6;}
.indxw-btn a.active:hover {background-color: #00aaf8;color: #fff;}
.indxw-cont {justify-content: space-between;align-items: center;}
.indxw-con{display: none;}
.indxw-con:first-child{display: block;}
.indxw-recommend {border-top: 1px solid #ddd;padding-top: 38px;}
.indxw-recommend .cont-l{width: 65%;padding-right: 160px;}
.indxw-recommend .cont-l .title{transition: all .4s ease;}
.indxw-recommend .cont-l .title:hover{color: #23b3f6;}
.indxw-recommend .cont-r{width: 35%;height: 280px;overflow: hidden;}
.indxw-recommend .cont-r img{width: 100%;height: 100%;transition: all .4s ease;}
.indxw-recommend .cont-r:hover img{transform: scale(1.04);}
.indxw-list {border-top: 1px solid #dddddd;}
.indxw-list .list{height: 90px;width: calc(100%/2);justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;position: relative;transition: all .4s ease;}
.indxw-list .list .title{width: calc(100% - 90px);padding-right: 10px;transition: all .4s ease;}
.indxw-list .list .data{width: 90px;transition: all .4s ease;}
.indxw-list .list:nth-child(odd) {padding-right: 40px;}
.indxw-list .list:nth-child(even) {padding-left: 40px;}
.indxw-list .list:nth-child(odd)::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0px;width: 1px;height: 43px;background-color: #dddddd;}
.indxw-list .list:hover {background-color: #23b3f6;}
.indxw-list .list:hover .title{color: #fff;}
.indxw-list .list:hover .data{color: #fff;}
.indxw-list .list:nth-child(odd):hover {padding-left: 20px;}
.indxw-list .list:nth-child(even):hover {padding-right: 20px;}

.indSticky {display: none; position: fixed;z-index: 999999;top: 0px;left: 0px;width: 100vw;height: 100vh;overflow-y: auto;opacity: 0;}
.indSticky.active {opacity: 1;}
.indSticky.no {display: none !important;pointer-events: none;z-index: -999999;}
.indSticky-cont {height: calc(100vh + 1px);}
.indSticky::-webkit-scrollbar{width: 0px;height: 0px;}
.indSticky{scrollbar-color:transparent transparent;scrollbar-width:thin;}
.indSticky{scrollbar-face-color: transparent;scrollbar-shadow-color: transparent;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.indSticky-bg {transition: all 1.4s ease;}
.indSticky-bg img{width: 100vw;height: 100vh;}
.indSticky-bg img.indSticky-bg-1{display:block}
.indSticky-bg img.indSticky-bg-2{display:none}
.indSticky-title {position: absolute;top: 0px;left: 0px;width: 100vw;height: 100vh;display: flex;justify-content: center;align-items: center;pointer-events: none;}
.indSticky-title.active {animation: indSticky-title2 1.4s ease both;}
@keyframes indSticky-title2 {0%{opacity: 1;transform: scale(1);}75%{transform: scale(.6);}100%{transform: scale(.6);opacity: 0;}}
.indSticky-title .title {position: relative;}
.indSticky-title .title span{position: absolute;left: 210px;top: 0px;animation: indSticky-title 1.5s ease forwards;transform: scale(0);}
@keyframes indSticky-title{0%{transform: scale(0);}100%{transform: scale(1);}}

/* 侧边栏 */
.indSide-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;opacity: 0;pointer-events: none;}
.indSide-box::after{content: "";position: absolute;right: 0;top: 0;width: 0;height: 100%;background: #23b3f6;transition: all .6s ease;}
.indSide-box.active{opacity: 1;pointer-events: auto;}
.indSide-box.active::after{width: 100%;}
.indSide{position: relative;z-index: 2;width: 100%;height: 100%;align-items: center; }
.indSide-head{justify-content: space-between;}
.indSide-logo{width: 270px;}
.indSide-close{user-select: none;cursor: pointer;width: 40px;height: 40px;border-radius: 50%;background: #fff;font-weight: 700;font-size: 14px;opacity: 0;}
.indSide-close::before{display: block;transition: all .4s ease;}
.indSide-close:hover::before{transform: rotate(180deg);}
.indSide-drop{color: #edf7fc;}
.indSide-list{display: flex;flex-wrap: wrap;}
.indSide-list li{flex: 1;border-right: 1px solid #65c3ef;padding: 50px 25px 25px;opacity: 0;transition: .6s  ease;}
.indSide-list li:first-child{border-left: 1px solid #65c3ef;}
.indSide-drop-text .item{margin-top: 15px;}
.indSide-drop-text .item:first-child{margin-top: 0;}
.indSide-list li:nth-child(2) .indSide-drop-text .item:first-child{margin-top: 15px;}
.indSide-drop-text .item span{position: relative;padding-bottom: 5px;}
.indSide-drop-text .item span::after{content: "";position: absolute;right: 0;bottom: 0px;width: 0;height: 1px;background: #fff;transition: all .4s ease;}
.indSide-drop-text .item:hover span::after{right: auto;left: 0;width: 100%;}
.indSide-head,.indSide-menu,.indSide-drop-title,.indSide-drop-text .item{overflow: hidden;}
.indSide-logo,.indSide-close,.indSide-menu span,.indSide-drop-title span,.indSide-drop-text .item span{display: flex;transform: translateY(100%);opacity: 0;transition: all .6s ease;}
.indSide-box.active .indSide-logo,.indSide-box.active .indSide-close,.indSide-box.active .indSide-menu span,.indSide-box.active .indSide-drop-title span,.indSide-box.active .indSide-drop-text .item span{transition-delay: .3s; opacity: 1;transform: translateY(0);}
.indSide-box.active .indSide-list li{opacity: 1;transition-delay: .3s;}






/*首页分类 s*/
.recommended-models2 {
    background-color: #fafafa;
    padding-top: 100px;
    padding-bottom: 120px;
    position: relative;
    z-index: 20;
}
:root {
    --border-radius: 4px;
    --image-border-radius: 60px;
    --button--border-radius: 8px;
    --title--font--size: 16px;
    --primary--color: #3A4649;
    --light--color: #fff;
    --red--color: #C30D23;
    --dark--color: #3A4649;
    --header-height: 84px;
    --footer-height: 198px;
    --animation--name: ease-in-out;
    --animation-duration: 500ms;
    --animation-delay: 200ms;
   
}
.recommended-models2 .mobile-content .model-box {
    position: relative;
    /*padding-top: 154px;*/
    padding-top: 74px;
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper {
    overflow: inherit
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide {
    padding: 0 120px;
    position: relative;
    min-height: 400px
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .panorama-car {
    position: absolute;
    top: -25px;
    left: 600px;
    width: 148px;
    height: 108px;
    z-index: 20
}

@media screen and (max-width: 750px) {
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .panorama-car {
        display:none
    }
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box {
    position: absolute;
/*    width: 840px;
    height: 420px;
    right: 120px;*/
    width:43.75vw;
    height:22.88vw;/*21.88vw;*/
    right:10.25vw;
    /*right:6.25vw;*/
    top: 0
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box img,.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box video {
    width: 100%;
    height: 100%;
    -webkit-border-radius: var(--image-border-radius);
    -moz-border-radius: var(--image-border-radius);
    border-radius: var(--image-border-radius);
    -o-object-fit: cover;
    object-fit: cover
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img {
    position: relative;
    z-index: 2;
    padding-top: 0.400px
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img img {
/*    width: 1125px;
    height: 525px;*/
  
    width:54.59vw;
    height:27.34vw;  
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box {
    padding: 10px 0.1400px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:43.75vw;
    position: absolute;
    right:10.25vw;
   /* right:6.25vw;*/
    top: 23.88vw;
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box>div+div {
    margin-left: 40px;
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .border {
    width: 1px;
    background: #d8d8d8;
    font-size: 0
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .item {
    padding: 0 20px;
    /*font-size: 18px;*/
    font-size:calc((43.75vw / 840) * 18);
    color: #666;
    line-height: 30px;
    font-weight: 600;
    text-align: center
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .item span {
    font-size: 24px
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide.swiper-slide-active .car-img img {
    -webkit-animation: fadeInTopRight35deg 1500ms ease-in-out forwards;
    -moz-animation: fadeInTopRight35deg 1500ms ease-in-out forwards;
    -o-animation: fadeInTopRight35deg 1500ms ease-in-out forwards;
    animation: fadeInTopRight35deg 1500ms ease-in-out forwards
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    margin-top:60px;
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .button-box a+a+a {
    margin-left: 30px
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .chery--red--link {
    width: 700px;
    margin: 0 auto;
    display: block;
    padding-top: 20px;
    line-height: 50px;
    font-size: 24px;
    color: #c30d23;
    text-align: center
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .chery--red--link:hover {
    text-decoration: underline
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-pagination {
    position: absolute;
    bottom: -50px;
    left:50%;
    transform: translateX(-50%);
}

.recommended-models2 .mobile-content .swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 6px;
    display: inline-block;
    background: #aaaaaa;
    opacity: .56;
    margin: 0 5px;
    border-radius: 20px;
    transition: opacity .5s, background-color .5s, width .5s;
    transition-delay: .5s, .5s, 0s;
}
.recommended-models2 .mobile-content .swiper-pagination  .swiper-pagination-bullet-active {
    background:#f39927;
    opacity: 1; 
    width: 50px;
    transition-delay: 0s;
}

@-webkit-keyframes fadeInTopRight35deg {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40%, -25%, 0) scale(0.6);
        transform: translate3d(-40%, -25%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@-moz-keyframes fadeInTopRight35deg {
    from {
        opacity: 0;
        -moz-transform: translate3d(-40%, -25%, 0) scale(0.6);
        transform: translate3d(-40%, -25%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@-o-keyframes fadeInTopRight35deg {
    from {
        opacity: 0;
        transform: translate3d(-40%, -25%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes fadeInTopRight35deg {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40%, -25%, 0) scale(0.6);
        -moz-transform: translate3d(-40%, -25%, 0) scale(0.6);
        transform: translate3d(-40%, -25%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

.recommended-models2 .mobile-content .model-box .model-name-box {
    top: 56px;
    left: 5%;
    position: absolute;
    width1: 100%;
    
    width:90%;
    margin:auto; 
}

.recommended-models2 .mobile-content .model-box .model-name-box::after,.recommended-models2 .mobile-content .model-box .model-name-box::before {
    top: 0;
    position: absolute;
    content: "";
    width: 212px;
    height: 100%;
    z-index: 11
}

.recommended-models2 .mobile-content .model-box .model-name-box::before {
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(250, 250, 250, 0)), to(#fafafa));
    background: -webkit-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
    background: -moz-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
    background: -o-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
    background: linear-gradient(270deg, rgba(250, 250, 250, 0) 0%, #fafafa 100%)
}

.recommended-models2 .mobile-content .model-box .model-name-box::after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#fafafa), to(rgba(250, 250, 250, 0)));
    background: -webkit-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
    background: -moz-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
    background: -o-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
    background: linear-gradient(270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%)
}

.recommended-models2 .mobile-content .model-box .model-name-box ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
 
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li {
    text-align: center;
    padding: 0 25px;
    width: auto;
    min-width: 200px;
    cursor: pointer
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .name {
    font-size: 24px;
    color: #999;
    padding-top: 13px;
    margin-bottom: 10px
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .name img {
    height: 15px;
    width: auto;
    display: none;
    margin: 0 auto
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .price {
    font-size: 18px;
    color: #999;
    line-height: 34px;
    opacity: 1;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name {
    padding-top: 13px;
    font-size: 24px;
    color: #3a4649;
    white-space: nowrap
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name img {
    height: 30px;
    width: auto;
    margin: 0 auto
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .price {
    color: #3a4649;
    line-height: 34px;
    opacity: 1;
    display: block;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
    display:none;
}



.recommended-models2 .mobile-content .model-box .model-name-box::after, .recommended-models2 .mobile-content .model-box .model-name-box::before {
    top: 0;
    position: absolute;
    content: "";
    width: 212px;
    height: 100%;
    z-index: 11;
}



@media screen and (max-width: 750px) {
    .recommended-models2{
        padding-top:70px;
        padding-bottom:35px;
    }
    .recommended-models2 .mobile-content .model-box{
        padding-top:70px;
    }
    .recommended-models2 .mobile-content .model-box .model-name-box {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }
    
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box {
        width:92vw;
        min-width:300px;
        max-width:100%;
        height:53.8vw;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .recommended-models2 .mobile-content .model-box .model-name-box ul li .name {
        padding-top:10px;margin-bottom:7px;font-size:17px;
    }
    .recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name {
        color: #3a4649;
        white-space: nowrap;
        font-size:17px;
        font-weight: 700;
    }
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide{
        padding:0px;
        min-height:280px;
        position: relative;
    }
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img {
        position: relative;
        z-index: 2;
        padding-top: 53vw;
    }
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img img {
        width:92vw;
        min-width:300px;
        max-width:100%;
        height:calc(92vw * 7 / 15);
        object-fit: cover;
        opacity: 0;
        zoom: .8;
        display: block;
        margin: 0px auto 0;
    }
    
    /*三个字段文字*/
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box {
        padding: 8px 14px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        position: static;
        width: 100%;
    }
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .item {
        padding: 0 12.5px;
        font-size: 11px;
        color: #666;
        line-height: 18.4px;
        font-weight: 600;
        text-align: center;
    }
  .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box>div+div {
        margin-left: 0;
    }
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .item span {
        font-size: 14px;
    }    
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .border {
        width: 1px;
        background: #d8d8d8;
        font-size: 0;
    }
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .button-box {
        margin: 44px auto 0;
    }

}
    











.kuer-global-button{
    width: 200px;
    height: 64px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
}
.kuer-global-button.plane-black {
    color: #fff !important;
    background-color: #3A4649 !important;
    border: 1Px solid #3A4649 !important;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.kuer-global-button.line-black {
    color: #3A4649 !important;
    border: 1Px solid #3A4649 !important;
    background-color: rgba(0,0,0,0) !important;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.kuer-global-button.plane-black:hover {
    color: #fff !important;
    background-color: #C30D23 !important;
    border: 1Px solid #C30D23 !important;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.kuer-global-button.line-black:hover {
    color: #fff !important;
    background-color: #3A4649 !important;
    border: 1Px solid #3A4649 !important;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

@media screen and (max-width: 750px) {
    .kuer-global-button{width:145px;height:43px;font-size:13.5px;}
}

.news{padding:94px 0;background:#fff}
.news .contain{width1:auto;padding1: 0 120px;}
.news .swiper-container{padding: 0 10px 90px;}
.news .index-tit{margin-bottom:50px}
.news a{display:block;width:100%;box-shadow:0 6px 10px 2px rgba(0,0,0,.1);transition:all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease}
.news a:hover img{transform:scale(1.06)}
.news-info{background:#f0f0f0;display:flex;padding:34px 30px 41px;z-index: 1;position: relative;transition: all .4s ease}
.news a:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:15px;color:#888; text-align:center}
.news-time span{font-weight:700;font-size:36px;color:#333;display:block;width:60px;line-height:1}
.news-txt{width:calc(100% - 60px);padding-left:28px}
.news-txt-title{font-size1:18px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt p{font-size1:14px;line-height:24px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background:#ccc}
.news .swiper-pagination-bullet-active{background:#2c3b65}
.news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px}
.news-more{position:absolute;z-index:0;width:100%;background:#2c3b65;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more i{display:block;background:url("../images/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}

.news1 .swiper-container {
    overflow: visible!important;
}
.news1 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
width: 350px;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border-radius:24px;overflow:hidden;        
}  
.news1::-webkit-scrollbar,
.choose_type_selectdiv .layui-form-selected dl::-webkit-scrollbar{
width: 4px;
height: 4px;
display: block
}

.news1::-webkit-scrollbar-thumb,
.choose_type_selectdiv .layui-form-selected dl::-webkit-scrollbar-thumb{
background: #3A4649;
-webkit-border-radius: 2px;
border-radius: 2px
}

.news1::-webkit-scrollbar-track,
.choose_type_selectdiv .layui-form-selected dl::-webkit-scrollbar-track{
background: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
}   



.news1 .IndTitle .name::after{display:none;}
.news1 .swiper-button-prev,.news1 .swiper-button-next{
width:48px;height:48px;border-radius:48px;border:1px solid #000;
background-image:unset;
position: relative;right:0px;
transition-duration: .3s;
opacity: 0.5;
color:#000;
}
.news1 .swiper-button-next{margin-left:20px;}
.news1 .swiper-button-next{transform:rotate(180deg);}


.news1 .swiper-button-prev:hover {
  transform: scaleX(1.25) scaleY(1.25);
  background:rgba(0,0,0,1);
  color:#fff;
}    
.news1 .swiper-button-next:hover {
  transform: rotate(180deg) scaleX(1.25) scaleY(1.25);
  background:rgba(0,0,0,1);
  color:#fff;
}
.news1 .swiper-button-next.swiper-button-disabled, .news1 .swiper-button-prev.swiper-button-disabled{
opacity: 0.1;
}
.news1 .IndTitle{display:flex;justify-content: space-between;align-items: center;flex-direction: inherit;}
.news1 .IndTitle .name{padding-bottom:0px;}
.news1 .IndTitle .swiper_shangxia_div{display:flex;position:relative;}    


@media screen and (max-width: 800px) {
.news1 .IndTitle .name{font-size:24px;}
.news1 .swiper-button-prev, .news1 .swiper-button-next{
width:24px;height:24px;
}
}
.model-name-box .swiper-container1{width:1000px;}
/*首页分类 e*/


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indxm-lun > img{height: calc(100vh - 90px);}
    
    .recommended-models2 .mobile-content .model-box .model-name-box ul li{
        text-align: center;
        padding: 0 22px;
        width: auto;
        min-width: 180px;
        cursor: pointer;
    }
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-page {bottom: 50px;}
    .banner-lun .content .line {width: 520px;}
    .indfw-lun .img {height: 254px;}
    .indfw-lun {height: 370px;}
    .indfw-lun .cont .show {padding: 25px;}
    .inddq-list {top: 30px;width: 390px;}
    .inddq-list .list .num {line-height: 32px;}
    .inddq-list .list {padding-bottom: 30px;margin-bottom: 30px;}
    .indqy-list .list {width: 220px;margin-right: 100px;}
    .indqy-line .list:nth-child(2) {bottom: -405px;}
    .indxw-recommend .cont-r{height: 243px;}
    .indSticky-bg img.indSticky-bg-1{display:none}
    .indSticky-bg img.indSticky-bg-2{display:block}
    .indSticky-title .title>img{width:718px;}
    .indSticky-title .title span img{width:129px;}
    .indSticky-title .title span {left: 156px;}
    .indxm-lun .content .IndTitle .title{max-width:300px;}
    .indSide-list li{padding: 30px 20px 20px;}
    .indSide-logo{width: 230px;}
    .indSide-drop-text .item,.indSide-list li:nth-child(2) .indSide-drop-text .item:first-child{margin-top: 10px;}
    /*.inddq-map{margin-top: -70px;margin-left:-30px;}*/
    
    
    .recommended-models2 .mobile-content .model-box .model-name-box ul li{
        text-align: center;
        padding: 0 18px;
        width: auto;
        min-width: 165px;
        cursor: pointer;
    }
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indfw-lun:hover .cont .show{transform: translate(-8px,-8px);}
    .indfw-lun:hover .cont .shade{transform: translate(8px,8px);}
    .inddq-map{margin-top: 0;margin-left:0}
    .inddq-map .img{width: 420px;}
    .inddq-list{width: 300px;}
    
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */

}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-left {right: 0px;top: auto;bottom: 0px;width: 100%;height: auto;border-left: 0px;height:60px;}
    .banner-menuBtn {display: none;}
    .banner-page .swiper-pagination {justify-content: center;flex-direction: initial;}
    .banner-page .swiper-pagination-bullet {margin: 0px 10px;}
    .banner-page {bottom: 30px;}
    .banner-lun .content .line {width: 460px;}
    .indSticky {display: none !important;}
    .banner-lun .content {opacity: 1;}
    .indxm-lun .content .IndTitle .title{max-width:260px;}
    .banner-lun > img {min-height: 400px;height: auto;}
    .banner-lun .content .line {width: 100%;}
    .indfw-btn a {width: 100px;height: 35px;}
    .indfw-lun .img {height: 225px;}
    .indfw-lun {height: 305px;}
    .indfw-lun .cont {padding: 0px 20px;}
    .indfw-lun .cont .shade{width: calc(100% - 40px);}
    .indfw-lun:hover .cont .show{transform: translate(-10px,-10px);}
    .indfw-lun:hover .cont .shade{transform: translate(10px,10px);}
    .he_svgdonx {display: none;}
    .he_bandits {display: none;}
    .indxm-lun .content .contain {display: flex;flex-direction: column;align-items: center;text-align: center;}
    .indxm-lun .content .IndTitle .name {justify-content: center;}
    .indxm-lun > img {height: 50vh;}
    .inddq-bg {bottom: 0px;height: 20px;height: 165px;}
    .inddq-list {width: 100%;position: static;margin-top: 25px;}
    .inddq-map {margin-top: 25px;}
    .inddq-list .list .num {line-height: 1.32;}
    .inddq-list .list {padding-bottom: 15px;margin-bottom: 15px;}
    .inddq .CommonBtn {margin-top: 15px;}
    .indqy-list {margin-right: 0;margin-bottom: -35px;}
    .indqy-list .list {width: 100%;margin-right: 0;margin-bottom: 35px;}
    .indqy-line .list:nth-child(2) {display: none;}
    .indxw-btn a {width: 100px;height: 35px;}
    .indxw-recommend {padding-top: 15px;flex-direction: column-reverse;}
    .indxw-recommend .cont-l {width: 100%;padding-right: 0px;margin-top: 15px;}
    .indxw-recommend .cont-r {width: 100%;height: 192px;}
    .indxw-list .list {height: 50px;width: calc(100%/1);}
    .indxw-list .list:nth-child(odd)::before {display: none;}
    .indxw-list .list:nth-child(odd) {padding-right: 0px;}
    .indxw-list .list:nth-child(even) {padding-left: 0px;}
    .indxm-page {display: flex;justify-content: center;align-items: center;position: absolute;z-index: 3;bottom: 20px;width: 100%;}
    .indxm-lun .content .IndTitle .title{max-width:100%;}
    .indqy-list .list .title{margin-top: 10px;}
    
    .indxw-list .list .title{line-height: 1.2;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .indfw-btn {margin-top: 15px;}
    .indxw-btn {margin-top: 15px;}
    .inddq-map .img{width:260px;}
}